<template>
  <div id="main"></div>
</template>

<script>
import E from "wangeditor";

export default {
  data() {
    return {
      editor: "",
    };
  },
  mounted() {
    //创建wangeditor实例
    this.editor = new E("#main");
    //配置 onchange 回调函数  获取输入内容的值  官网上为普通函数
    //为了修正this指向，这里要改为箭头函数
    this.editor.config.onchange = newHtml => {
    //把获取的富文本编辑内容   传递至弹框组件--父组件
    //   console.log("change 之后最新的 html", newHtml);
    this.$emit('sendEditor',newHtml)

    };
    // 配置触发 onchange 的时间频率，默认为 200ms
    this.editor.config.onchangeTimeout = 500; // 修改为 500ms
    this.editor.config.focus = false//取消自动聚焦
    this.editor.config.menus = [
      "head",
      "bold",
      "fontSize",
      "fontName",
      "italic",
      "underline",
      "strikeThrough",
      "indent",
      "lineHeight",
      "foreColor",
      "backColor",
      "link",
      "list",
      "todo",
      // 'justify',
      // 'quote',
      // 'emoticon',
      // 'image',
      // 'video',
      // 'table',
      // 'code',
      // 'splitLine',
      "undo",
      "redo",
    ];
    this.editor.create();
  },
};
</script>

<style></style>
